<template>
  <div id="driverIndex">
    <div class="driverIndex_top">
      <p>
        <img src="@/assets/imgs/chezhu_bg.png" />
      </p>
      <div class="driver_city_index_btn" @click="driverIndexBtn">
        <p>立即注册成为平安到家车主</p>
      </div>
    </div>
    <div class="driverIndex_list">
      <p style="padding-top:80px;">常见问题</p>
      <div class="driverquestionList">
        <p class="driverquestion_hd">
          <span>Q</span>
          <em>注册平安到家车主司机需要准备什么？</em>
        </p>
        <div style="clear:both"></div>
        <p class="driverquestion_text">
          <span>A</span>
          <em>出租车：需要准备居民身份证、驾驶证、行驶证、人车合影、服务监督卡、出租车从业资格证。 市内用车：需要准备居民身份证、驾驶证。如果带车加入需要准备行驶证、人车合影、网约车证件照。</em>
        </p>
        <div style="clear:both"></div>
      </div>
      <div class="driverquestionList">
        <p class="driverquestion_hd">
          <span>Q</span>
          <em>成为平安到家车主需要什么条件？</em>
        </p>
        <div style="clear:both"></div>
        <p class="driverquestion_text">
          <span>A</span>
          <em>出租车：正规出租车无条件加入 市内用车：本市户籍、22周岁至55周岁、3年以上驾龄、驾驶本C1及C1以上、无犯罪记录、无吸毒、精神病记录、可提供并通过驾驶员体检证明，如果带车加入需要提供车辆相关信息。</em>
        </p>
        <div style="clear:both"></div>
      </div>
      <div class="driverquestionList">
        <p class="driverquestion_hd">
          <span>Q</span>
          <em>成为平安到家车主有什么好处？</em>
        </p>
        <div style="clear:both"></div>
        <p class="driverquestion_text">
          <span>A</span>
          <em>减少空驶、提高收入、操作简单、公平抢单不派单。系统自动对订单进行推送，附近订单优先抢，每日提现不压款，零元佣金不抽成。定期高额奖励政策，高效出行司乘共享。</em>
        </p>
        <div style="clear:both"></div>
      </div>
      <p style="padding-top:40px;">注意事项</p>
      <div class="driverzhuyi_box">
        <p>1、证件图片不清晰导致看不清关键信息则无法通过认证；</p>
        <p>2、必须使用本人证件认证，且提供原件（复印件、扫描件不可使用）</p>
        <p>3、上传图片与填写文字信息需符合；</p>
      </div>
      <h6 class="driver_kf">
        如有疑问请联系客服
        <span @click="callCustomer('010-68798654')">010-68798654</span>
      </h6>
    </div>
  </div>
</template>
<script>
import { Icon, Field, FieldItem, InputItem, Toast, Dialog } from 'mand-mobile';
import Loading from '@/components/loading';
import { decryptByDESModeEBC, encryptByDESModeEBC } from '@/common/encrypt';
import Utils from '@/common/pakjUtils';
import http from '@/common/http';
// var Vconsole = require('vconsole');
// var cons = new Vconsole();
export default {
  components: {
    [Icon.name]: Icon,
    [Field.name]: Field,
    [Toast.name]: Toast,
    [InputItem.name]: InputItem,
    [FieldItem.name]: FieldItem,
  },
  data() {
    return {
      title: '平安到家车主注册',
    };
  },
  mounted() {
    var Version = Utils.getOSVersion();
    var osName = Utils.getOSName();
    if ((osName === 'iOS' || osName === 'MacOSX') && window.webkit) {
      if (parseFloat(Version) < 11.3) {
        Dialog.alert({
          title: '温馨提示',
          content: '为了更好的体验，请更新IOS系统版本',
          confirmText: '确定',
        });
      }
    }
  },
  methods: {
    driverIndexBtn() {
      this.$router.push({
        name: 'driverType',
        query: {
          driverphone: this.$route.query.driverphone,
        },
      });
    },
    // 联系客服
    callCustomer(phone) {
      window.location.href = 'tel://' + phone;
    },
    goIndex() {
      // 去首页接单
    },
  },
};
</script>
<style lang="stylus">
p {
  display: block;
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

h6 {
  display: block;
  font-size: 22px;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: 400;
}

#driverIndex {
  height: 100%;
  background-color: color-primary-background;

  .driverIndex_top {
    position: relative;
  }

  .driverIndex_top img {
    width: 100%;
    display: block;
  }

  .driver_city_index_btn {
    position: absolute;
    bottom: -50px;
    width: 94%;
    margin-left: 3%;
    z-index: 100;
  }

  .driver_city_index_btn p {
    height: 98px;
    line-height: 98px;
    background-color: #FF6917;
    font-size: 36px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
  }

  .driverIndex_list {
    background-color: #fff;
  }

  .driverIndex_list > p {
    padding-left: 30px;
    font-size: 30px;
    color: #333;
  }

  .driverIndex_bu {
    margin: 45px 60px 0px 60px;
    position: relative;
  }

  .driver_hx {
    background-color: #FF6917;
    height: 12px;
    position: absolute;
    width: 100%;
    top: 15px;
    z-index: 1;
  }

  .driverIndex_bu ul {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 10;
  }

  .driverIndex_bu ul li p {
    width: 40px;
    height: 40px;
    background-color: #FF6917;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
  }

  .driverIndex_bu ul li span {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
  }

  .driverIndex_bu ul li img {
    width: 40px;
    height: 40px;
  }

  .driver_two {
    margin: 24px 30px 0px 30px;
  }

  .driver_two ul {
    display: flex;
    justify-content: space-between;
    color: #FF6917;
    font-size: 26px;
  }

  .driverquestionList {
    margin-top: 40px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .driverquestion_hd {
    font-size: 28px;
    color: #333;
  }

  .driverquestion_hd em {
    float: left;
    width: 90%;
    font-style: normal;
  }

  .driverquestion_hd span {
    background-color: #3F88EB;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    margin-right: 20px;
    float: left;
  }

  .driverquestion_text {
    font-size: 26px;
    color: #999;
    margin-top: 18px;
  }

  .driverquestion_text em {
    float: left;
    width: 90%;
    font-style: normal;
  }

  .driverquestion_text span {
    background-color: #FF6917;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    margin-right: 20px;
    float: left;
  }

  .driverzhuyi_box {
    margin: 20px 30px 0px 30px;
  }

  .driverzhuyi_box p {
    font-size: 26px;
    color: #999;
    margin-top: 5px;
  }

  .driver_kf {
    font-size: 26px;
    color: #999;
    text-align: center;
    margin-top: 40px;
    padding-bottom: 20px;
    font-weight: 400;
  }

  .driver_kf span {
    color: #FF6917;
  }
}
</style>
